<template>
    <!--
        上周学习的内容：
        文本插值：{{  }}
        指令：
        计算属性
        生命周期 钩子函数
        路由
        watch: {
             "被侦听的属性名" (newVal, oldVal){ 
     }
    }
    深度模式：
    watch:{
       
             "要侦听的属性名": {
        immediate: true, // 立即执行
        deep: true, // 深度侦听复杂类型内变化
        handler (newVal, oldVal) {
            
        }
    }
    }
    -->
    用户名：<input type="text" v-model="username" > 
    用户年龄：<input type="text" v-model.number="user.age">
</template>
<script>
export default {
    data() { 
        return {
            username: "张小伍",
            user: {
                name: '',
                age:0
            }
            
        }
    },
    watch: {
        username(newVal, oldVal) {
            console.log("原始值：" + newVal);
            console.log("修改后的值："+ oldVal)
        },
        user: {
             handler(newVal, oldVal) {
                console.log(newVal,"===",oldVal);
            },
            deep: true, //深度侦听复杂类型内变化
            immediate:true
        }
        
    }
}

</script>